﻿<!DOCTYPE html>
<html lang="en">
	<head>

		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>

		<!-- Bootstrap -->
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<!-- Font Awesome Icons -->
		<link href="fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet">
		<!-- PE Icon 7 Stoke -->
		<link href="fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css" rel="stylesheet">
		<link href="fonts/pe-icon-7-stroke/css/helper.css" rel="stylesheet">
		<!-- PE Icon Social -->
		<link href="fonts/pe-icon-social/css/pe-icon-social.css" rel="stylesheet">
		<link href="fonts/pe-icon-social/css/helper.css" rel="stylesheet">
		<!-- Quicksand Dash -->
		<link href="fonts/quicksand-dash/stylesheet.css" rel="stylesheet">
		<!-- Owl Carousel -->
		<link href="css/owl.carousel.css" rel="stylesheet">
		<link href="css/owl.theme.default.css" rel="stylesheet">
		<!-- Sweet Alert -->
		<link href="css/sweetalert.css" rel="stylesheet">
		<!-- Animate -->
		<link href="css/animate.min.css" rel="stylesheet">
		<!-- Nivo Lightbox -->
		<link href="scripts/Nivo-Lightbox/nivo-lightbox.css" rel="stylesheet">
		<link href="scripts/Nivo-Lightbox/themes/default/default.css" rel="stylesheet">
		<!-- NoUISlider -->
		<link href="css/jquery.nouislider.min.css" rel="stylesheet">
		<!-- Style.css -->
		<link href="css/style.css" rel="stylesheet">

		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
			<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->

	</head>
	<body>
		
		<header class="header clearfix">
			<div class="left">
				<div class="logo"><a href="index.html"><img src="images/logo.png" alt="ExploreCity" class="img-responsive"></a></div> <!-- end .logo -->
				<form class="header-search">
					<input type="text" placeholder="I’m searching for ...">
					<button type="submit"><i class="pe-7s-search"></i></button>
				</form>
			</div> <!-- end .left -->
			<div class="navigation clearfix">
				<nav class="main-nav">
					<ul class="list-unstyled">
						<li class="menu-item-has-children">
							<a href="list.html">Explore</a>
							<ul>
								<li><a href="list.html">All Listings</a></li>
								<li class="menu-item-has-children">
									<a href="list.html">Food & Drink<i class="pe-7s-right-arrow"></i></a>
									<ul>
										<li><a href="list.html">Cafe’</a></li>
										<li><a href="list.html">Restaurant</a></li>
										<li><a href="list.html">Pizza Place</a></li>
									</ul>
								</li>
								<li><a href="list.html">Entertainment</a></li>
								<li><a href="list.html">Nightlife</a></li>
							</ul>
						</li>
						<li class="menu-item-has-children">
							<a href="index.html">Pages</a>
							<ul>
								<li><a href="#">How It Works</a></li>
								<li><a href="#">Add Listing</a></li>
								<li><a href="#">Add Your Listing</a></li>
								<li><a href="list.html">List</a></li>
								<li><a href="#">List Detail</a></li>
								<li class="menu-item-has-children">
									<a href="#">Dashboard<i class="pe-7s-right-arrow"></i></a>
									<ul>
										<li><a href="#">Dashboard</a></li>
										<li><a href="#">My Listings</a></li>
										<li><a href="#">My Wishlist</a></li>
										<li><a href="#">Edit Profile</a></li>
									</ul>
								</li>
								<li><a href="#">Maintenance</a></li>
								<li><a href="#">Coming Soon</a></li>
								<li><a href="#">404</a></li>
							</ul>
						</li>
						<li class="menu-item-has-children">
							<a href="blog.html">Blog</a>
							<ul>
								<li><a href="blog.html">Blog</a></li>
								<li><a href="#">Blog Post</a></li>
								<li><a href="#">Blog Post Video</a></li>
								<li><a href="#">Blog Post Gallery</a></li>
								<li><a href="#">Blog Post Quote</a></li>
							</ul>
						</li>
						<li class="menu-item-has-children">
							<a href="shop.html">Shop</a>
							<ul>
								<li><a href="shop.html">Shop</a></li>
								<li><a href="shop-details.html">Shop Details</a></li>
								<li><a href="shop-cart.html">Shop Cart</a></li>
							</ul>
						</li>
					</ul>
				</nav> <!-- end .main-nav -->
				<a href="" class="responsive-menu-open"><i class="fa fa-bars"></i></a>
				<a href="" class="cart-button">
					<i class="icon-shopping-basket"></i>
					<span>0</span>
				</a>
			</div> <!-- end .navigation -->
			<div class="right">
				<a href="" class="button border">Add Listing</a>
				<a href="" class="button">Log In</a>
			</div> <!-- end .left -->
		</header> <!-- end .header -->
		<div class="responsive-menu">
			<a href="" class="responsive-menu-close"><i class="fa fa-times"></i></a>
			<nav class="responsive-nav"></nav> <!-- end .responsive-nav -->
		</div> <!-- end .responsive-menu -->
			
		<div class="page-header">
			<div class="container">
				<div class="breadcrumbs">
					<ul class="list-unstyled">
						<li><a href="index.html">Home</a></li>
						<li>Shop</li>
						<li>Cart</li>
					</ul>
				</div> <!-- end .breadcrumbs -->
			</div> <!-- end .container -->
		</div> <!-- end .page-header -->

		<div class="page-title" style="background-image: url('images/background05.jpg');">
			<div class="inner">
			</div> <!-- end .inner -->
		</div> <!-- end .page-title -->

		<div class="section boxed-section light">
			<div class="inner">
				<div class="container">
					<div class="box">
						<div class="table-responsive"><table class="table cart-items light-inputs">
							<thead>
								<tr>
									<th>Product</th>
									<th>Price</th>
									<th>Quantity</th>
									<th>Total</th>
									<th></th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>
										<div class="image"><img src="images/cart1.jpg" alt="product" class="img-responsive center-block"></div>
									  	<a href="#0">COMBO BURGERS</a>
									</td>
									<td>$ 39.99</td>
									<td><input type="number" value="1"></td>
									<td>$ 39.99</td>
									<td><a href="" class="remove"><i class="pe-7s-close-circle"></i></a></td>
								</tr>
								<tr>
									<td>
										<div class="image"><img src="images/cart2.jpg" alt="product" class="img-responsive center-block"></div>
										<a href="#0">PERFECT FASHION SHOP</a>
									</td>
									<td>$ 39.99</td>
									<td><input type="number" value="1"></td>
									<td>$ 39.99</td>
									<td><a href="" class="remove"><i class="pe-7s-close-circle"></i></a></td>
								</tr>
							</tbody>
						</table></div>
						<div class="row">
							<div class="col-sm-6">
								<form class="coupon-form light-inputs">
									<input type="text" placeholder="Enter Coupon Code...">
									<button type="submit" class="button" data-text="Apply Coupon"><span>Apply Coupon</span></button>
								</form>
							</div> <!-- end .col-sm-6 -->
							<div class="col-sm-6">
								<div class="button-row light-inputs text-right">
									<a href="" class="button" data-text="Update Cart"><span>Update Cart</span></a>	
								</div>
							</div> <!-- end .col-sm-6 -->
						</div> <!-- end .row -->
						<div class="row">
							<div class="col-sm-6">
								<div class="cart-box">
									<h5>Cart Totals</h5>
									<table class="table cart-total">
										<tbody>
											<tr>
												<th>Subtotal</th>
												<td>$ 458.00</td>
											</tr>
											<tr>
												<th>Total</th>
												<td>$ 458.00</td>
											</tr>
										</tbody>
									</table>
								</div> <!-- end .cart-box -->
								<div class="submit text-right">
									<a href="" class="button" data-text="Proceed To Checkout"><span>Proceed To Checkout</span></a>
								</div> <!-- end .submit -->
							</div> <!-- end .col-sm-6 -->
						</div> <!-- end .row -->

					</div> <!-- end .box -->
				</div> <!-- end .container -->
			</div> <!-- end .inner -->
		</div> <!-- end .section -->

		<footer class="footer">
			<div class="top">
				<div class="left">
					<div class="logo"><a href="index.html"><img src="images/logo-dark.png" alt="ExploreCity" class="img-responsive"></a></div> <!-- end .logo -->
				</div> <!-- end .left -->
				<div class="social-icons">
					<a href=""><i class="pe-so-facebook"></i></a>
					<a href=""><i class="pe-so-twitter"></i></a>
					<a href=""><i class="pe-so-vimeo"></i></a>
					<a href=""><i class="pe-so-tripadvisor"></i></a>
					<a href=""><i class="pe-so-instagram"></i></a>
					<a href=""><i class="pe-so-google-plus"></i></a>
				</div>
				<div class="right">Proudly Made in Viet Nam<a href="">+84 968796789</a></div> <!-- end .left -->
			</div> <!-- end .top -->
			<div class="bottom">Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></div>
		</footer> <!-- end .footer -->

		<!-- jQuery -->
		<script src="js/jquery-3.1.0.min.js"></script>
		<!-- Bootstrap -->
		<script src="js/bootstrap.min.js"></script>
		<!---<script src="http://ditu.google.cn/maps/api/js?key=AIzaSyAy-PboZ3O_A25CcJ9eoiSrKokTnWyAmt8"></script>--->
		<!-- rich marker -->
		<script src="js/richmarker.js"></script>
		<!-- Owl Carousel -->
		<script src="js/owl.carousel.min.js"></script>
		<!-- Countdown -->
		<script src="js/countdown.js"></script>
		<!-- Sweet Alert -->
		<script src="js/sweetalert.min.js"></script>
		<!-- Nivo Lightbox -->
		<script src="scripts/Nivo-Lightbox/nivo-lightbox.min.js"></script>
		<!-- NoUISlider -->
		<script src="js/jquery.nouislider.all.min.js"></script>
		<!-- Scripts.js -->
		<script src="js/scripts.js"></script>

	</body>
</html>
